body{
	background-color: #C0DEED;
	background-image:url('background.png');
	background-repeat:repeat;
}

#Memo{
	height:100%;
	width:65%;
	float:left;
	font-family:arial;
	font-size:small;
}

#Naut{
	height:95%;
	width:32%;
	float:right;
	position:fixed;
	font-family:arial;
        font-size:small;
        overflow:auto;
        right:0;
}

#Toolbar{
	float:left;
	width:100%;
}

#Naut ol{
	list-style-type:none;
}

#NotePod{
	clear:both;
	float:left;
	height:31%;
	width:95%;
	overflow:auto;
	margin-top:2%;
	margin-left:2%;
	background-color:beige;
}

#Bookmarks{
	clear:both;
	margin-top:4%;
	margin-left:2%;
	float:left;
	height:25%;
	width:95%;
	overflow:auto;
	background-color:beige;
}

#Notebooks{
	clear:both;
	margin-top:4%;
	margin-left:2%;
	float:left;
	height:25%;
	width:95%;
	overflow:auto;
	background-color:beige;
}

#DocumentInfo{
	clear:both;
        float:left;
        position:fixed;
        background-color:beige;
        width:18%;
}

#Status{
	clear:both;
        float:left;
	font-family:tahoma;
	background-color:beige;
        width:98%;
	border-style:groove;
	border-color:lightgrey;
	border-width:thin;
}

#textareaScrap{
	margin-top:2%;
	margin-left:2%;
}

#MindMap {
	overflow:auto;
	font-family:arial;
	width:67%;
	background-color:beige;
        float:right;
}

#Help {
    position: fixed;
    clear: both;
    float: left;
    color: black;
    background-color: beige;
    font-size: small;
    width: 18%;
    bottom: 0pt;
    margin-left: 0px;
    height:50%;
}

#Scrapbook{
    margin-right:2%;
}

#Notebook li{
/*	border-style:groove;
	border-color:lightgrey;
	border-width:thin;
*/}

#Notebook ol {
	overflow:auto;
	font-family:arial;
        list-style-type:none;
}

#Notebook ol.numbering{
    list-style-type:decimal;
}

#Notebook ol li {
	background-color:beige;
	margin-top:2%;
}

#Notebook ol li .scrap {
}

#Notebook ol li .info{
	font-family:Arial;
	color:blue;
	font-size:x-small;
}

#Notebook ol li .content{
	margin-left:1%;
}

#Notebook .current{
	background-color:lightgray;
}

#Notebook ol li .controls{
	float:right;
        visibility:hidden;
}

#Notebook ol li:hover .controls{
	cursor:pointer;
        visibility:visible;
}

/* For IE: Otherwise dynamically added icons, smaller*/
.iconactions {
	width:16px;
	height:16px;
}

.foldindicator {
	width:16px;
	height:16px;
}

.clicker{
	width:16px;
	height:16px;
        cursor:default;
}

.eip:hover{
	background-color:silver;
}

/* ********** */
/* PROTO protomenu */

/* GENERAL STYLES */

div.protomenu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
}

div.protomenu a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	font-size: x-small;
}
.protomenu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	display: block;
	font-size: 1px;
}
.protomenu ul, .protomenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.protomenu li {
	list-style-position: outside;
}

/* FIREFOX STYLES */

.protomenu.firefox {
	width: 12em;
	background: #F4F5EB;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px 0;
}
.protomenu.firefox a {
	color: #555;
	padding: 4px 15px;
	margin: 0 2px;
}

.protomenu.firefox a:hover {
	background: #006;
	color: #fff;
}
.protomenu.firefox a.disabled {
	color: #bbb;
}
.protomenu.firefox a.disabled:hover {
	background: #F4F5EB;
	color: #bbb;
}
.protomenu.firefox .separator {
	border-bottom: 1px solid #fff;
	background: #999;
	margin: 2px 4px;
}


